<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" import="java.util.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/header.css">
</head>
<style>
    * {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
    ul,li {list-style: none;}
    a {text-decoration: none;color: black;}
    .hd a:hover{
        color: red;
        text-decoration: underline;
    }
</style>
<%--<script type="text/javascript">
    function changeimgziover1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px 1px")?("1px -22px"):("1px 1px");
        zi_1.style.color="red";
    }
    function changeimgziout1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px -22px")?("1px 1px"):("1px -22px");
        zi_1.style.color="black";
    }

    function changeimgziover2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px 0px")?("-24px -23px"):("-24px 0px");
        zi_2.style.color="red";
    }
    function changeimgziout2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px -23px")?("-24px 0px"):("-24px -23px");
        zi_2.style.color="black";
    }

    function changeimgziover3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px 0px")?("-48px -23px"):("-48px 0px");
        zi_3.style.color="red";
    }
    function changeimgziout3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px -23px")?("-48px 0px"):("-48px -23px");
        zi_3.style.color="black";
    }

    function changeimgziover4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px 0px")?("-73px -23px"):("-73px 0px");
        zi_4.style.color="red";
    }
    function changeimgziout4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px -23px")?("-73px 0px"):("-73px -23px");
        zi_4.style.color="black";
    }
</script>--%>
<body>
<div class="hd">
    <div id="header">
        <div id="header_h">
            <div class="top">
                <div id="header_h_left">
                    <div id="header_h_left_img">
                    </div>
                    <div id="header_h_left_zi" class="header_h_zi">
                        苏州[更换]
                    </div>
                </div>
                <div id="header_h_right" class="header_h_zi">

                    <div id="loginAndregi">
                        <%--<c:if test="${username!=null}"><a>${username}</a></c:if>
                        <div id="login"><a href="login.jsp">登录</a></div>
                        <div id="register"><a href="regist.jsp">注册</a></div>--%>
                        <c:choose>
                            <c:when test="${username!=null}">
                                <div id="login" style="width: 100px"><a>欢迎:${username}</a><a name="tc" id="tc" onclick="tc()">退出</a></div>
                            </c:when>
                            <c:otherwise>
                                <div id="login"><a href="login.jsp">登录</a></div>
                                <div id="register"><a href="regist.jsp">注册</a></div>
                            </c:otherwise>
                        </c:choose>
                    </div>
                    <script>
                        function tc() {
                           <%--${username=null}lv                                    lllllllllllllllllllllllllllllllllllllllllllcccccccccccccccccccccclllllx
                            window.location.reload()--%>
                        }
                    </script>
                    <div class="line"></div>
                    <div id="information">
                        <!--<div id="img_information"></div>-->
                        <a href="buyCar.jsp">购物车</a>
                    </div>
                    <div class="line"></div>
                    <div id="myHome">
                        <a href="personCenter.jsp">个人中心</a>
                        <!--<div id="img_myHome"></div>-->
                    </div>
                    <div class="line"></div>
                    <div id="phone">
                        <!--<div id="img_phone"></div>-->
                        <a href="forum.jsp">论坛中心</a>
                    </div>
                    <div class="line"></div>
                    <div id="tel">
                        <div id="img_tel"></div>
                        <div id="tel_num">400-880-2600</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="header_b">
            <div id="img_YJ"></div>
            <div id="header_b_right">
                <div id="input">
                    <div id="wangPuK">
                        <div id="wangPuK_zi">旺铺</div>
                        <div id="wangPuK_img"></div>
                    </div>
                    <!--            <input id="input_KK" type="text" placeholder="品牌旺铺" />-->
                </div>
                <div id="smallZi">
                    <div class="zi1">卫浴</div>
                    <div class="zi1">地板</div>
                    <div class="zi1">瓷砖</div>
                    <div class="zi1">开关</div>
                    <div class="zi1">橱柜</div>
                    <div id="zizhi"></div>
                </div>
            </div>
            <div id="header_b_center" class="header_b_zi_1">
                <a href="main.jsp">
                    <div id="homePage" onmouseover="changeimgziover1()" onmouseout="changeimgziout1()">
                        <div id="img_1" class="img_1"></div>
                        <div id="zi_1">首页</div>
                    </div>
                </a>
                <a href="resultAll.jsp">
                    <div id="jzCenter"  onmouseover="changeimgziover2()" onmouseout="changeimgziout2()">
                        <div id="img_2" class="img_2"></div>
                        <div id="zi_2">装修案例</div>
                    </div>
                </a>
                <a href="goodPage.jsp">
                    <div id="findDecoration"  onmouseover="changeimgziover3()" onmouseout="changeimgziout3()">
                        <div id="img_3" class="img_3"></div>
                        <div id="zi_3">家具中心</div>
                    </div>
                </a>
                <a href="firmAll2.jsp">
                    <div id="strategy"  onmouseover="changeimgziover4()" onmouseout="changeimgziout4()">
                        <div id="img_4" class="img_4"></div>
                        <div id="zi_4">装修公司</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
</body>
</html>